<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset='UTF-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会员 - 知乎</title>
    <script src="./js/flexible.js"></script>
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/member.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/head1.css">
    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/jquery.js"></script>
    <script src="./js/header1.js"></script>
    <script src="./js/member.js"></script>
</head>

<body>
    <!-- header部分 -->

    <header>
        <!-- 通栏 -->
        <div class="w">
            <!-- 知乎logo -->
            <a href="./index.html" class="logo fl"><img src="images/logo.jpg" alt=""></a>
            <!-- 导航栏 -->
            <ul class="nav fl">
                <li><a href="./index.html">首页</a></li>
                <li><a href="./member.html" class="current">会员</a></li>
                <li><a href="./found.html">发现</a></li>
                <li><a href="./dnld.html">等你来答</a></li>
            </ul>
            <!-- 搜索框 默认状态-->
            <div class="search fl">
                <input class="ipt-normal" type="text" placeholder="有没有好吃不踩雷的零食">
                <button class="max"></button>
                <!-- 热搜、搜索历史模块 -->
                <div class=" hot">
                    <div class="hottitle">知乎热搜</div>
                    <ul>
                        <li><a href="javascript:;">《悬崖之上》影评 <span class="hotup"></span></a>
                        </li>
                        <li><a href="javascript:;">五四青年节<span class="hotup"></span></a></li>
                        <li><a href="javascript:;">山东健康码金色皮肤<span class="hotup"></span></a></li>
                        <li><a href="javascript:;">张国立发大夜班工作状态</a></li>
                        <li><a href="javascript:;">《扎克·施耐德的正义联盟》</a></li>
                    </ul>
                    <div class="search-history">搜索历史<button class="delete">清空</button></div>
                    <ul>
                        <li><a href="javascript:;">《悬崖之上》影评<button class="del">×</button></a>
                        </li>
                        <li><a href="javascript:;">五四青年节<button class="del">×</button></a></li>
                        <li><a href="javascript:;">山东健康码金色皮肤<button class="del">×</button></a></li>
                        <li><a href="javascript:;">张国立发大夜班工作状态<button class="del">×</button></a></li>
                        <li><a href="javascript:;">《扎克·施耐德的正义联盟》<button class="del">×</button></a></li>
                    </ul>
                </div>
            </div>
            <!-- 提交按钮 -->
            <button class="submit fl">提问</button>
            <!-- 通知消息模块 -->
            <div class="notice fl">
                <div class="answer fl" tabindex="0">
                    <div class="answer-content">
                        <div class="answer-title">
                            <button class="btn-1 btn-blue"></button>
                            <span class="string">|</span>
                            <button class="btn-1"></button>
                            <span class="string">|</span>
                            <button class="btn-1"></button>
                        </div>
                        <div class="answer-list answer-page">
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                        </div>
                        <div class="answer-list-2 answer-page">
                            <img src="./images/answer.jpg" alt="">
                            <p>还没有消息</p>
                        </div>
                        <div class="answer-list-3 answer-page">
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>赞了你的评论</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                        </div>
                        <div class="answer-footer">
                            <a href="javascript:;" class="fl set">设置</a>
                            <a href="javascript:;" class="fr">查看全部通知</a>
                        </div>
                    </div>
                </div>

                <div class="message fl" tabindex="0">
                    <div class="message-content">
                        <div class="message-title">我的私信</div>
                        <div class="message-list">
                            <ul>
                                <li><img src="./images/icon.jpg" class="fl">
                                    <div class="list-write fl">
                                        <p class="list-user-name">创作者小助手</p>
                                        <p class="list-content">Hi summer,恭喜你成为知乎创作者！...</p>
                                    </div>
                                </li>
                                <li><img src="./images/icon.jpg" class="fl">
                                    <div class="list-write fl">
                                        <p class="list-user-name">创作者小助手</p>
                                        <p class="list-content">Hi summer,恭喜你成为知乎创作者！...</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="message-footer">
                            <a href="javascript:;" class="fl write-message">写新私信</a>
                            <a href="javascript:;" class="fr">查看全部私信</a>
                        </div>
                    </div>
                </div>

                <div class="icon fl" tabindex="0">
                    <img src="./images/icon.jpg" alt="">
                    <div class="icon-content">
                        <div class="mine">我的主页</div>
                        <div class="creations">创作中心</div>
                        <div>设置</div>
                        <div class="exit">退出</div>
                    </div>
                </div>

            </div>
        </div>
    </header>
    <!-- 轮播图 部分 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(./images/banner1.webp)"></div>
            <div class="swiper-slide" style="background-image:url(./images/banner2.webp)"></div>
            <div class="swiper-slide" style="background-image:url(./images/banner3.webp)"></div>
            <div class="swiper-slide bgc" style="background-image:url(./images/banner4.webp)"></div>
            <div class="swiper-slide" style="background-image:url(./images/banner5.webp)"></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-white"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next swiper-button-white"></div>
        <div class="swiper-button-prev swiper-button-white"></div>
        <!-- sidebar部分 -->
        <div class="sidebar">
            <div class="touxiang">
                <img src="./upload/头像.webp" alt="">
            </div>
            <div class="username">喵喵喵喵丶</div>
            <div class="vip">新会员首月仅 9 元</div>
            <div class="openbtn">立即开通</div>
            <div class="privilege">
                <img src="./images/member1.png" alt="">
            </div>
        </div>
    </div>
    <!-- hot-hot部分 -->
    <div class="hot-hot">
        <div class="hot-hot_main">
            <div class="hot-hot-words">
                <div class="menubar">
                    <div class="menubar-head">
                        <a href="javascript:;">盐选专栏</a>
                    </div>
                    <div class="menubar-body">
                        <span>VIPCOLUMN</span>
                    </div>
                </div>
                <div class="menubar">
                    <div class="menubar-head">
                        <a href="javascript:;">读书会</a>
                    </div>
                    <div class="menubar-body">
                        <span>BOOK CLUB</span>
                    </div>
                </div>
                <div class="menubar">
                    <div class="menubar-head">
                        <a href="javascript:;">Live 讲座</a>
                    </div>
                    <div class="menubar-body">
                        <span>VLIVELECTURE</span>
                    </div>
                </div>
                <div class="menubar">
                    <div class="menubar-head">
                        <a href="javascript:;">小说</a>
                    </div>
                    <div class="menubar-body">
                        <span>FICTION</span>
                    </div>
                </div>
                <div class="menubar">
                    <div class="menubar-head">
                        <a href="javascript:;">杂志</a>
                    </div>
                    <div class="menubar-body">
                        <span>MAGAZINE</span>
                    </div>
                </div>
            </div>
            <div class="line"></div>
            <div class="more-words">
                <a href="javascript:;">科学</a>
                <a href="javascript:;">前沿</a>
                <a href="javascript:;">财商</a>
                <a href="javascript:;">文学</a>
                <a href="javascript:;">艺术</a>
                <a href="javascript:;">社科</a>
                <a href="javascript:;">成长</a>
                <a href="javascript:;">职人</a>
                <a href="javascript:;">通关</a>
                <a href="javascript:;">乐活</a>
                <a href="javascript:;">亲密</a>
                <a href="javascript:;">亲子</a>
                <a href="javascript:;">故事</a>
                <a href="javascript:;" class="orange">更多...</a>
            </div>
        </div>
    </div>
    <!-- 精选推荐部分 -->
    <div class="width">
        <div class="main-body">
            <!-- vip榜单部分 -->
            <div class="vip-top">
                <div class="vip-top-head">
                    <ul>
                        <li class="first"></li>
                        <li class="first">VIP 榜单</li>
                        <li class="mouseenter lihai"><a href="javascript:;" class="orange">热度榜</a></li>
                        <li class="lihai"><a href="javascript:;">技能榜</a></li>
                        <li class="lihai"><a href="javascript:;">故事榜</a></li>
                        <li class="lihai"><a href="javascript:;">live榜</a></li>
                    </ul>
                    <div class="more">查看全部</div>
                </div>
                <div class="fengexian"></div>
                <div class="vip-body">
                    <div class="vip-top-body">
                        <div class="rank">
                            <div class="bg">
                                <div class="ranklist">张雪峰考研全程规划</div>
                                <div class="ranklist-more">
                                    教育名师张雪峰帮你全程规划考研，从院校选择到专业分析，从城市区位到备考建议。关于考研那些你最关心的问题，你都能在这个专栏里找到。
                                </div>
                                <div class="teachertouxiang">
                                    <img src="./images/张雪峰1.webp" alt="">
                                </div>
                                <div class="teacher">作者: 张雪峰老师</div>
                            </div>
                            <div class="people">
                                <div class="topone">
                                    <img src="./upload/张雪峰.jpg" alt="">
                                </div>
                                <div class="viptog">
                                    <img src="./images/vip.png" alt="">
                                </div>
                                <div class="yanxuan">
                                    <span>盐选专栏</span>
                                </div>
                            </div>
                            <div class="ranklist-logo">01</div>
                        </div>
                        <div class="btn">
                            <div class="left_btn fl">
                                < </div> <div class="right_btn fr"> >
                            </div>
                        </div>
                        <div class="vip-more">
                            <div class="slide">
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">02</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">03</div>
                                    <div class="books">
                                        <img src="./upload/图2.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">干翻套路：年轻人的思维更新计划</div>
                                    <div class="xiangqing">有哪些让你相见恨晚的思维方式？学过的东西马上就忘了怎么办？20-30 岁怎么规划自己的人生呢？</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者2.png" alt="">
                                        <span>作者: 刘宇 柳纬铚</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">04</div>
                                    <div class="books">
                                        <img src="./upload/图3.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">觉醒：让你的大脑重装升级</div>
                                    <div class="xiangqing">就像流浪地球一样，给你的大脑安上思维发动机，推动你的大脑认知升级，推动你远离平庸。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者3.webp" alt="">
                                        <span>作者: 张小鸣</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">05</div>
                                    <div class="books">
                                        <img src="./upload/图4.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">中国恶魔：极端环境下的人性试炼</div>
                                    <div class="xiangqing">中国恶魔第二季，还原特大罪案令人震惊的真相。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者4.webp" alt="">
                                        <span>作者: 刘宇 柳纬铚</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">06</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">07</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">08</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">09</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">10</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="vip-top-body none">
                        <div class="rank">
                            <div class="bg">
                                <div class="ranklist">张雪峰考研全程规划</div>
                                <div class="ranklist-more">
                                    教育名师张雪峰帮你全程规划考研，从院校选择到专业分析，从城市区位到备考建议。关于考研那些你最关心的问题，你都能在这个专栏里找到。
                                </div>
                                <div class="teachertouxiang">
                                    <img src="./images/张雪峰1.webp" alt="">
                                </div>
                                <div class="teacher">作者: 张雪峰老师</div>
                            </div>
                            <div class="people">
                                <div class="topone">
                                    <img src="./upload/图1.webp" alt="">
                                </div>
                                <div class="viptog">
                                    <img src="./images/vip.png" alt="">
                                </div>
                                <div class="yanxuan">
                                    <span>盐选专栏</span>
                                </div>
                            </div>
                            <div class="ranklist-logo">01</div>
                        </div>
                        <div class="btn">
                            <div class="left_btn fl">
                                < </div> <div class="right_btn fr"> >
                            </div>
                        </div>
                        <div class="vip-more">
                            <div class="slide">
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">02</div>
                                    <div class="books">
                                        <img src="./upload/图2.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">03</div>
                                    <div class="books">
                                        <img src="./upload/图3.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">干翻套路：年轻人的思维更新计划</div>
                                    <div class="xiangqing">有哪些让你相见恨晚的思维方式？学过的东西马上就忘了怎么办？20-30 岁怎么规划自己的人生呢？</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者2.png" alt="">
                                        <span>作者: 刘宇 柳纬铚</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">04</div>
                                    <div class="books">
                                        <img src="./upload/图4.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">觉醒：让你的大脑重装升级</div>
                                    <div class="xiangqing">就像流浪地球一样，给你的大脑安上思维发动机，推动你的大脑认知升级，推动你远离平庸。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者3.webp" alt="">
                                        <span>作者: 张小鸣</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">05</div>
                                    <div class="books">
                                        <img src="./upload/张雪峰.jpg" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">中国恶魔：极端环境下的人性试炼</div>
                                    <div class="xiangqing">中国恶魔第二季，还原特大罪案令人震惊的真相。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者4.webp" alt="">
                                        <span>作者: 刘宇 柳纬铚</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">06</div>
                                    <div class="books">
                                        <img src="./upload/图2.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">07</div>
                                    <div class="books">
                                        <img src="./upload/图2.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">08</div>
                                    <div class="books">
                                        <img src="./upload/图2.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">09</div>
                                    <div class="books">
                                        <img src="./upload/图2.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">10</div>
                                    <div class="books">
                                        <img src="./upload/图2.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="vip-top-body none">
                        <div class="rank">
                            <div class="bg">
                                <div class="ranklist">张雪峰考研全程规划</div>
                                <div class="ranklist-more">
                                    教育名师张雪峰帮你全程规划考研，从院校选择到专业分析，从城市区位到备考建议。关于考研那些你最关心的问题，你都能在这个专栏里找到。
                                </div>
                                <div class="teachertouxiang">
                                    <img src="./images/张雪峰1.webp" alt="">
                                </div>
                                <div class="teacher">作者: 张雪峰老师</div>
                            </div>
                            <div class="people">
                                <div class="topone">
                                    <img src="./upload/图2.webp" alt="">
                                </div>
                                <div class="viptog">
                                    <img src="./images/vip.png" alt="">
                                </div>
                                <div class="yanxuan">
                                    <span>盐选专栏</span>
                                </div>
                            </div>
                            <div class="ranklist-logo">01</div>
                        </div>
                        <div class="btn">
                            <div class="left_btn fl">
                                < </div> <div class="right_btn fr"> >
                            </div>
                        </div>
                        <div class="vip-more">
                            <div class="slide">
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">02</div>
                                    <div class="books">
                                        <img src="./upload/图3.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">03</div>
                                    <div class="books">
                                        <img src="./upload/图4.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">干翻套路：年轻人的思维更新计划</div>
                                    <div class="xiangqing">有哪些让你相见恨晚的思维方式？学过的东西马上就忘了怎么办？20-30 岁怎么规划自己的人生呢？</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者2.png" alt="">
                                        <span>作者: 刘宇 柳纬铚</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">04</div>
                                    <div class="books">
                                        <img src="./upload/张雪峰.jpg" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">觉醒：让你的大脑重装升级</div>
                                    <div class="xiangqing">就像流浪地球一样，给你的大脑安上思维发动机，推动你的大脑认知升级，推动你远离平庸。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者3.webp" alt="">
                                        <span>作者: 张小鸣</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">05</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">中国恶魔：极端环境下的人性试炼</div>
                                    <div class="xiangqing">中国恶魔第二季，还原特大罪案令人震惊的真相。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者4.webp" alt="">
                                        <span>作者: 刘宇 柳纬铚</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">06</div>
                                    <div class="books">
                                        <img src="./upload/图3.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">07</div>
                                    <div class="books">
                                        <img src="./upload/图3.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">08</div>
                                    <div class="books">
                                        <img src="./upload/图3.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">09</div>
                                    <div class="books">
                                        <img src="./upload/图3.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">10</div>
                                    <div class="books">
                                        <img src="./upload/图3.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="vip-top-body none">
                        <div class="rank">
                            <div class="bg">
                                <div class="ranklist">张雪峰考研全程规划</div>
                                <div class="ranklist-more">
                                    教育名师张雪峰帮你全程规划考研，从院校选择到专业分析，从城市区位到备考建议。关于考研那些你最关心的问题，你都能在这个专栏里找到。
                                </div>
                                <div class="teachertouxiang">
                                    <img src="./images/张雪峰1.webp" alt="">
                                </div>
                                <div class="teacher">作者: 张雪峰老师</div>
                            </div>
                            <div class="people">
                                <div class="topone">
                                    <img src="./upload/张雪峰.jpg" alt="">
                                </div>
                                <div class="viptog">
                                    <img src="./images/vip.png" alt="">
                                </div>
                                <div class="yanxuan">
                                    <span>盐选专栏</span>
                                </div>
                            </div>
                            <div class="ranklist-logo">01</div>
                        </div>
                        <div class="btn">
                            <div class="left_btn fl">
                                < </div> <div class="right_btn fr"> >
                            </div>
                        </div>
                        <div class="vip-more">
                            <div class="slide">
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">02</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">03</div>
                                    <div class="books">
                                        <img src="./upload/图2.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">干翻套路：年轻人的思维更新计划</div>
                                    <div class="xiangqing">有哪些让你相见恨晚的思维方式？学过的东西马上就忘了怎么办？20-30 岁怎么规划自己的人生呢？</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者2.png" alt="">
                                        <span>作者: 刘宇 柳纬铚</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">04</div>
                                    <div class="books">
                                        <img src="./upload/图3.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">觉醒：让你的大脑重装升级</div>
                                    <div class="xiangqing">就像流浪地球一样，给你的大脑安上思维发动机，推动你的大脑认知升级，推动你远离平庸。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者3.webp" alt="">
                                        <span>作者: 张小鸣</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">05</div>
                                    <div class="books">
                                        <img src="./upload/图4.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">中国恶魔：极端环境下的人性试炼</div>
                                    <div class="xiangqing">中国恶魔第二季，还原特大罪案令人震惊的真相。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者4.webp" alt="">
                                        <span>作者: 刘宇 柳纬铚</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">06</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">07</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">08</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">09</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="slide-mark"></div>
                                    <div class="slide-top">10</div>
                                    <div class="books">
                                        <img src="./upload/图1.webp" alt="">
                                        <div class="viptog">
                                            <img src="./images/vip.png" alt="">
                                        </div>
                                    </div>
                                    <div class="jieshao">一笑千金：欢乐沙雕言情，拯救你的不开心</div>
                                    <div class="xiangqing">人，就是需要点画风清奇的言情故事来调剂琐碎生活吧。</div>
                                    <div class="zuozhe">
                                        <img src="./upload/作者1.webp" alt="">
                                        <span>作者: 糊糊的兔牙</span>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- 大咖驾到部分 -->
            <div class="big-shot-hot">
                <div class="bigshot-hot-comming">大咖驾到</div>
                <div class="bigshot-hot-people">
                    <div class="bigshot-hot-all">
                        <div class="bigshot-hot-img">
                            <img src="./upload/bigshot1.webp" alt="">
                        </div>
                        <div class="bigshot-hot-int xuanzhong">紫金陈</div>
                    </div>
                    <div class="bigshot-hot-all">
                        <div class="bigshot-hot-img">
                            <img src="./upload/bigshot2.png" alt="">
                        </div>
                        <div class="bigshot-hot-int">冯唐</div>
                    </div>
                    <div class="bigshot-hot-all">
                        <div class="bigshot-hot-img">
                            <img src="./upload/bigshot3.webp" alt="">
                        </div>
                        <div class="bigshot-hot-int">刘慈欣</div>
                    </div>
                    <div class="bigshot-hot-all">
                        <div class="bigshot-hot-img">
                            <img src="./upload/bigshot4.png" alt="">
                        </div>
                        <div class="bigshot-hot-int">周德东</div>
                    </div>
                    <div class="bigshot-hot-all">
                        <div class="bigshot-hot-img">
                            <img src="./upload/bigshot6.webp" alt="">
                        </div>
                        <div class="bigshot-hot-int">法医秦明</div>
                    </div>
                </div>
                <div class="fenge">
                    <div class="triangle"></div>
                </div>
                <div class="hot-hotbooks">
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books1.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books2.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books3.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books4.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books5.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                </div>
                <div class="hot-hotbooks none">
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books2.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books3.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books4.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books5.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books1.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                </div>
                <div class="hot-hotbooks none">
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books3.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books4.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books5.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books1.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books2.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                </div>
                <div class="hot-hotbooks none">
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books4.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books5.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books1.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books2.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books3.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                </div>
                <div class="hot-hotbooks none">
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books5.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books1.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books2.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books3.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                    <div class="books-top">
                        <div class="books-img">
                            <img src="./upload/books4.webp" alt="">
                            <div class="viptog">
                                <img src="./images/vip.png" alt="">
                            </div>
                        </div>
                        <div class="books-jieshao">长夜难明：《沉默的真相》原著小说，廖凡、白宇、谭卓主演</div>
                    </div>
                </div>

            </div>
            <!-- 大家在看部分 -->
            <div class="everyone-see">
                <div class="biaoti">大家都在看</div>
                <div class="fengexianer"></div>
                <div class="see-main">
                    <div class="profile">安格尔《朱庇特与忒提丝》：如何祈求天神？她用脚趾头想了个办法</div>
                    <div class="profile-img">
                        <img src="./upload/profile1.png" alt="">
                        <div class="viptog">
                            <img src="./images/vip.png" alt="">
                        </div>
                    </div>
                    <div class="main-content">
                        <div class="content-div">
                            女孩子拥有一双好看的脚是什么体验，这真是一个不好回答的问题。因为女人的脚，无论中外，其实很少在光明正大的严肃文学、艺术作品里提及。至于为什么，你想想就知道：除了夏天，平时女孩子都端端正正地穿着鞋子。要
                        </div>
                        <div class="the-heat">42.5k 热度 · 共 3120 字</div>
                    </div>
                </div>
                <div class="see-main">
                    <div class="profile">2020 年 iPhone 选购指南，让你选择最适合你的 iPhone</div>
                    <div class="profile-img">
                        <img src="./upload/profile3.png" alt="">
                        <div class="viptog">
                            <img src="./images/vip.png" alt="">
                        </div>
                    </div>
                    <div class="main-content">
                        <div class="content-div">
                            其实 iPhone
                            的选购，总体来说就是越贵越好、越新越好，买能力承受范围内最贵最新的那款就行。但是这样说显然太笼统了，我将很多人提到的问题归纳总结为以下几点进行推荐：一、iPhone
                            12 mini
                        </div>
                        <div class="the-heat">770.4k 热度 · 20 评论</div>
                    </div>
                </div>
                <div class="see-main">
                    <div class="profile">「禁食」身体净化法与人类减肥史</div>
                    <div class="profile-img">
                        <img src="./upload/profile2.png" alt="">
                        <div class="viptog">
                            <img src="./images/vip.png" alt="">
                        </div>
                    </div>
                    <div class="main-content">
                        <div class="content-div">
                            禁食圣徒，饥饿高地，「布鲁克林之谜」，空气的美味，一种流行的身体净化法的夺命史对「禁食专家」琳达·哈扎德来说，1908
                            年是非常重要的一年。那一年，她出版了她的首部作品《禁食治愈疾病》，这本书主张禁食
                        </div>
                        <div class="the-heat">44.8k 热度 · 共 7249 字</div>
                    </div>
                </div>
                <div class="see-main">
                    <div class="profile">苹果耳机怎么选：AirPods Pro、Airpods 2</div>
                    <div class="profile-img">
                        <img src="./upload/profile4.png" alt="">
                        <div class="viptog">
                            <img src="./images/vip.png" alt="">
                        </div>
                    </div>
                    <div class="main-content">
                        <div class="content-div">
                            AirPods Pro毫无疑问，目前综合降噪和音质表现优异的 TWS 降噪耳机非苹果 AirPods Pro 莫属。苹果 AirPods Pro 有着 TWS
                            耳机中不俗的音质表现和即便发售以后半年多
                        </div>
                        <div class="the-heat">912.4k 热度 · 10 评论</div>
                    </div>
                </div>
                <div class="see-main">
                    <div class="profile">有哪些网络小说是尽管主角很努力，最后却是一场空的？</div>
                    <div class="profile-img">
                        <img src="./upload/profile5.png" alt="">
                        <div class="viptog">
                            <img src="./images/vip.png" alt="">
                        </div>
                    </div>
                    <div class="main-content">
                        <div class="content-div">
                            桃子是那种站在那里不说话，就会让人有一种能把时间冻结的美感的女生，她的五官不算出彩，但也挑不出什么瑕疵，她会在冬天穿粉色的毛衣，长发垂着，像她的名字。第一次遇见她是在苹果手机专卖店里，她手上拿起一台新
                        </div>
                        <div class="the-heat">2939.3k 热度 · 241 评论</div>
                    </div>
                </div>
                <div class="see-main">
                    <div class="profile">有哪些网络小说是尽管主角很努力，最后却是一场空的？</div>
                    <div class="profile-img">
                        <img src="./upload/profile5.png" alt="">
                        <div class="viptog">
                            <img src="./images/vip.png" alt="">
                        </div>
                    </div>
                    <div class="main-content">
                        <div class="content-div">
                            桃子是那种站在那里不说话，就会让人有一种能把时间冻结的美感的女生，她的五官不算出彩，但也挑不出什么瑕疵，她会在冬天穿粉色的毛衣，长发垂着，像她的名字。第一次遇见她是在苹果手机专卖店里，她手上拿起一台新
                        </div>
                        <div class="the-heat">2939.3k 热度 · 241 评论</div>
                    </div>
                </div>
                <div class="see-main">
                    <div class="profile">有哪些网络小说是尽管主角很努力，最后却是一场空的？</div>
                    <div class="profile-img">
                        <img src="./upload/profile5.png" alt="">
                        <div class="viptog">
                            <img src="./images/vip.png" alt="">
                        </div>
                    </div>
                    <div class="main-content">
                        <div class="content-div">
                            桃子是那种站在那里不说话，就会让人有一种能把时间冻结的美感的女生，她的五官不算出彩，但也挑不出什么瑕疵，她会在冬天穿粉色的毛衣，长发垂着，像她的名字。第一次遇见她是在苹果手机专卖店里，她手上拿起一台新
                        </div>
                        <div class="the-heat">2939.3k 热度 · 241 评论</div>
                    </div>
                </div>
                <div class="see-main">
                    <div class="profile">有哪些网络小说是尽管主角很努力，最后却是一场空的？</div>
                    <div class="profile-img">
                        <img src="./upload/profile5.png" alt="">
                        <div class="viptog">
                            <img src="./images/vip.png" alt="">
                        </div>
                    </div>
                    <div class="main-content">
                        <div class="content-div">
                            桃子是那种站在那里不说话，就会让人有一种能把时间冻结的美感的女生，她的五官不算出彩，但也挑不出什么瑕疵，她会在冬天穿粉色的毛衣，长发垂着，像她的名字。第一次遇见她是在苹果手机专卖店里，她手上拿起一台新
                        </div>
                        <div class="the-heat">2939.3k 热度 · 241 评论</div>
                    </div>
                </div>
                <div class="see-main">
                    <div class="profile">有哪些网络小说是尽管主角很努力，最后却是一场空的？</div>
                    <div class="profile-img">
                        <img src="./upload/profile5.png" alt="">
                        <div class="viptog">
                            <img src="./images/vip.png" alt="">
                        </div>
                    </div>
                    <div class="main-content">
                        <div class="content-div">
                            桃子是那种站在那里不说话，就会让人有一种能把时间冻结的美感的女生，她的五官不算出彩，但也挑不出什么瑕疵，她会在冬天穿粉色的毛衣，长发垂着，像她的名字。第一次遇见她是在苹果手机专卖店里，她手上拿起一台新
                        </div>
                        <div class="the-heat">2939.3k 热度 · 241 评论</div>
                    </div>
                </div>
                <div class="see-main">
                    <div class="profile">有哪些网络小说是尽管主角很努力，最后却是一场空的？</div>
                    <div class="profile-img">
                        <img src="./upload/profile5.png" alt="">
                        <div class="viptog">
                            <img src="./images/vip.png" alt="">
                        </div>
                    </div>
                    <div class="main-content">
                        <div class="content-div">
                            桃子是那种站在那里不说话，就会让人有一种能把时间冻结的美感的女生，她的五官不算出彩，但也挑不出什么瑕疵，她会在冬天穿粉色的毛衣，长发垂着，像她的名字。第一次遇见她是在苹果手机专卖店里，她手上拿起一台新
                        </div>
                        <div class="the-heat">2939.3k 热度 · 241 评论</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 书架部分 -->
        <div class="wode-bookrack fr">
            <div class="bookcase">
                我的书架
                <div class="to-bookcase">
                    前往书架
                </div>
            </div>
            <div class="fengexian"></div>
            <div class="wodebookcase">
                <div class="no-book">
                    <div class="nobook-img">
                        <img src="./images/bear-bg.png" alt="">
                    </div>
                    <div class="nobook-text">还没有加入书架的内容</div>
                    <div class="nobook-link">去挑选，点击前往分类页</div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>